<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="source">
<title>Products</title>
<title>果树商城首页</title>
	<meta charset="utf-8"></meta>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></meta>
	<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
    <script th:src="@{/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/webstore/js/bootstrap-3.1.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/webstore/js/simpleCart.min.js}" type="text/javascript"></script>
	<script th:src="@{/webstore/js/wow.min.js}" type="text/javascript"></script>
	<script th:src="@{/webstore/js/jquery.flexisel.js}" type="text/javascript"></script>
	<script th:src="@{/webstore/js/owl.carousel.js}" type="text/javascript"></script>
 	<link rel="icon" th:href="@{/admin/images/head_incon.png}" type="image/x-icon"/>
	<link th:href="@{/webstore/css/bootstrap.css}" rel="stylesheet" type="text/css" media="all" ></link>
	<link th:href="@{/webstore/css/style.css}" rel="stylesheet" type="text/css" media="all" ></link>
	<link th:href="@{/webstore/css/animate.min.css}" rel="stylesheet" type="text/css"></link>
	<link th:href="@{/layer//theme/default/layer.css}" rel="stylesheet" type="text/css"></link>
	<link href='https://fonts.googleapis.com/css?family=Cabin:400,500,600,700' rel='stylesheet' type='text/css'></link>
	<link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'></link>
	<script type="text/javascript" th:inline="javascript">  
        /*<![CDATA[*/  
  
        var basePath = /*[[${#httpServletRequest.getScheme() 
        	+ "://" + #httpServletRequest.getServerName() 
        	+ ":" + #httpServletRequest.getServerPort() 
        	+ #httpServletRequest.getContextPath()}]]*/; 
  
        /*]]>*/
    </script>
</head>

<body>
	<div class="header" th:fragment="header">
		<div class="header-grid">
			<div class="container">
				<div class="header-left animated wow fadeInLeft"
					data-wow-delay=".5s">
					<ul>
						<li><i class="glyphicon glyphicon-headphones"></i><a href="#">24x7
								在线服务</a></li>
						<li><i class="glyphicon glyphicon-envelope"></i><a
							href="mailto:info@example.com">@example.com</a></li>
						<li><i class="glyphicon glyphicon-earphone"></i>+1234 567 892</li>

					</ul>
				</div>
				<div class="header-right animated wow fadeInRight"
					data-wow-delay=".5s">
					<div class="header-right1 ">
						<ul>
							<li>
								<i class="glyphicon glyphicon-log-in"></i>
								<a th:href="@{/user/login}">登陆</a>
							</li>
							<li>
								<i class="glyphicon glyphicon-book"></i>
								<a th:href="@{/user/register}">注册</a>
							</li>
						</ul>
					</div>
					<div class="header-right2">
						<div class="cart box_1">
							<a th:href="@{/shopcar/shopcarList}">
								<h3>
									<img th:src="@{/webstore/images/cart.png}" alt="" />
								</h3>
							</a>
							<p>
								<a th:href="@{/shopcar/shopcarList}" class="simpleCart_empty">购物车</a>
							</p>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="container">
			<div class="logo-nav">

				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header nav_2">
						<button type="button"
							class="navbar-toggle collapsed navbar-toggle1"
							data-toggle="collapse" data-target="#bs-megadropdown-tabs">
							<span class="sr-only"></span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<div class="navbar-brand logo-nav-left ">
							<h1 class="animated wow pulse" data-wow-delay=".5s">
								<a th:href="@{/customer//products}">超级<span>水果店</span></a>
							</h1>
						</div>

					</div>
					<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
						<ul class="nav navbar-nav">
							<li class="active"><a th:href="@{/}" class="act">主页</a></li>
							<!-- Mega Menu -->
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">购物清单 <b class="caret"></b></a>
								<ul class="dropdown-menu multi">
									<div class="row">
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>夏季</h6>
												<li><a href="products.html">特价芒果</a></li>
												<li><a href="products.html">补水精华</a></li>
												<li><a href="products.html">清香芒果</a></li>
												<li><a href="products.html">四季</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>春季</h6>
												<li><a href="products.html">特价芒果</a></li>
												<li><a href="products.html">补水精华</a></li>
												<li><a href="products.html">清香芒果</a></li>
												<li><a href="products.html">四季</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>秋季</h6>
												<li><a href="products.html">特价芒果</a></li>
												<li><a href="products.html">补水精华</a></li>
												<li><a href="products.html">清香芒果</a></li>
												<li><a href="products.html">四季</a></li>
											</ul>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="row-top">
										<div class="col-sm-6 row1">
											<a href="products.html"><img th:src="@{/webstore/images/003.jpg}" alt=""
												class="img-responsive"></a>
										</div>
										<div class=" col-sm-6 row2">
											<a href="products.html"><img th:src="@{/webstore/images/006.jpg}" alt=""
												class="img-responsive"></a>
										</div>
										<div class="clearfix"></div>
									</div>
								</ul></li>
							<li><a th:href="@{/user/usercenter}">个人中心</a></li>
								
							<li><a th:href="@{/contact/contactusPage}">联系我们</a></li>
						</ul>
					</div>
				</nav>
			</div>
		</div>
	</div>
	<!-- //header -->
	
	<!--banner-->
	<div class="banner-top" th:fragment="banner">
		<div class="container">
			<h2 class="animated wow fadeInLeft" data-wow-delay=".5s">Products</h2>
			<h3 class="animated wow fadeInRight" data-wow-delay=".5s"><a href="index.html">Home</a><label>/</label>Products<label>/</label>Women's</h3>
			<div class="clearfix"> </div>
		</div>
	</div>
	
	<div class="row" th:fragment="leftmenu">
	    <div class="col-md-2">
	        <div class="panel-group table-responsive" role="tablist">
	            <div class="panel panel-primary leftMenu">
	                <!-- 利用data-target指定要折叠的分组列表 -->
	                <div class="panel-heading" id="collapseListGroupHeading1" data-toggle="collapse" data-target="#collapseListGroup1" role="tab" >
	                    <h4 class="panel-title">
	                      	  菜单栏<span class="glyphicon glyphicon-chevron-up right"></span>
	                    </h4>
	                </div>
	                <!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
	                <div id="collapseListGroup1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading1">
	                    <ul class="list-group">
	                      <li class="list-group-item">
	                        <!-- 利用data-target指定URL -->
	                        <a class="menu-item-left" th:href="@{/user/myinfo}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>个人信息
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <a class="menu-item-left" th:href="@{/user/changePasswordPage}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>修改密码
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <a class="menu-item-left" th:href="@{/shopcar/shopcarList}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>购物车
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <a class="menu-item-left" th:href="@{/order/orderList}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>未结算订单
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <a class="menu-item-left" th:href="@{/order/payOrderList}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>已结算订单
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <a class="menu-item-left" th:href="@{/bankcar/bankcarInfo}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>账户信息
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <a class="menu-item-left" th:href="@{/user/myinfo}">
	                            <span class="glyphicon glyphicon-triangle-right"></span>其他信息
	                        </a>
	                      </li>
	                      <li class="list-group-item">
	                        <button class="menu-item-left">
	                           
	                        </button>
	                      </li>
	                      <li class="list-group-item">
	                        <button class="menu-item-left">
	                            
	                        </button>
	                      </li>
	                      <li class="list-group-item">
	                        <button class="menu-item-left">
	                            
	                        </button>
	                      </li>
	                      <li class="list-group-item">
	                        <button class="menu-item-left">
	                           
	                        </button>
	                      </li>
	                      <li class="list-group-item">
	                        <button class="menu-item-left">
	                            
	                        </button>
	                      </li>
	                    </ul>
	                </div>
	            </div> 
	        </div>
	    </div>
    </div>
	
	
	<div th:fragment="bottom">
		<div class="social animated wow fadeInDown" data-wow-delay=".1s" >
			<div class="container">
				<div class="col-sm-3 social-ic">
					<a href="#">关于我们</a>
				</div>
				<div class="col-sm-3 social-ic">
					<a href="#">私信客服</a>
				</div>
				<div class="col-sm-3 social-ic">
					<a href="#">商业合作</a>
				</div>
				<div class="col-sm-3 social-ic">
					<a href="#">其他帮助</a>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	
</body>
</html>